import {createRouter,createWebHashHistory} from 'vue-router'
// 1. 定义路由组件.
// 也可以从其他文件导入
import Home from '../views/Home.vue'
import User from '../views/User.vue'
import Main from '../views/Main.vue'
import Mall from '../views/Mall.vue'
import PagePoe from '../views/PageOne.vue'
import PageTwo from '../views/PageTwo.vue'

// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
    {
        //主路由
        path:'/',
        component:Main,
        redirect: '/home' , //重定向
        // 子路由
        children:[
             { path: '/home', component: Home },
             { path: '/user', component: User },
             { path: '/mall', component: Mall },
             { path: '/Page', component: PagePoe },
             { path: '/page2', component: PageTwo },

        ]
    }
]

// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHashHistory(),
  routes, // `routes: routes` 的缩写
})

export default router